@each $type in (success, warning, error, info) {
  .el-alert--#{$type} {
    &.is-light {
      background-color: var(--color-#{$type}-plain);
      border-color: var(--color-#{$type}-plain-border);
      color: var(--color-#{$type});
      .el-alert__description {
        color: var(--color-#{$type});
      }
    }
    &.is-dark {
      background-color: var(--color-#{$type});
      color: #fff;
    }
  }
}
